@layout("/common/_container.html",{js:["/assets/hx/storage/hxStorageManage/hxStorageManage_add.js"]}){
<style>
.layui-form-item {
    margin-bottom: 2px;
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #89d19d;
}
.layui-form-pane .layui-form-label {
    background-color: #e6e6e6;
}
/*输入框样式 */
.layui-table-cell {
    height: 36px;
    line-height: 36px;
}
.unit-input {
    border: 1px solid #91c486; /* 边框颜色 */
    border-radius: 4px; /* 边框圆角 */
    padding: 8px 10px; /* 内边距 */
    width: 100%; /* 宽度 */
    box-sizing: border-box; /* 边框计算在宽度内 */
    font-size: 14px; /* 字体大小 */
}
/*防止下拉框的下拉列表被隐藏---必须设置--- */
.layui-table-cell {
    overflow: visible !important;
}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">添加</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="hxOrderOutForm" lay-filter="hxOrderOutForm" class="layui-form layui-form-pane" style="max-width: 1350px;margin: 10px auto;">

                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
                    <legend>录入出库订单</legend>
                </fieldset>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">所属客户<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="customerId" name="customerId" lay-filter="customerId" lay-verify="required" required>
                                @for(item in customerlist!){
                                <option value="${item.id}">${item.customerName}</option>
                                @}
                            </select>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label" style="font-weight: 600;">配送日<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="peisongTime" name="peisongTime" placeholder="请选择配送日" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label">订单号</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="orderOutNumber" name="orderOutNumber" placeholder="请输入订单号" type="text" readonly="readonly" style="background: #E7EAED" class="layui-input" lay-verify="" required/>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label">单据类型<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="orderType" name="orderType" lay-filter="orderType" lay-verify="required" required>
                                <option value="">选择类型</option>
                                <option value="门店调出">门店调出</option>
                                <option value="批发销售">批发销售</option>
                                <option value="采购退货">采购退货</option>
                                <option value="调整出库">调整出库</option>
                                <option value="仓间调拨">仓间调拨</option>
                                <option value="盘亏出库">盘亏出库</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="font-weight: 600;">发货单位<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="setUnitId" name="setUnitId" lay-filter="setUnitId" lay-verify="required" required>
                                @for(item in pglist!){
                                <option value="${item.id}">${item.putgoodsName}</option>
                                @}
                            </select>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label" style="font-weight: 600;">发货仓库<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="setWarehouseId" name="setWarehouseId" lay-filter="setWarehouseId" lay-verify="required" required>
                                @for(item in basicWarehouseList!){
                                <option value="${item.id}">${item.warehouseName}</option>
                                @}
                            </select>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label" style="font-weight: 600;">收货客户<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="getUnitId" name="getUnitId" type="hidden"/>
                            <input id="getUnit" name="getUnit" placeholder="请选择收货客户" type="text" class="layui-input" lay-verify="required" required/>
                            <button type="button" class="layui-btn layui-btn-primary" id="choiceGetUnit" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">关联单据</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <input id="associationOrder" name="associationOrder" type="text" class="layui-input"/>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label">关联单据类型</label>
                        <div class="layui-input-inline" style="width: 180px;">
                            <select id="associationOrderType" name="associationOrderType" lay-filter="associationOrderType" lay-verify="" required>
                                <option value="">选择类型</option>
                                <option value="门店调出">门店调出</option>
                                <option value="批发销售">批发销售</option>
                                <option value="采购退货">采购退货</option>
                                <option value="调整出库">调整出库</option>
                                <option value="仓间调拨">仓间调拨</option>
                                <option value="盘亏出库">盘亏出库</option>
                            </select>
                        </div>
                        <div class="layui-form-mid">    </div>
                        <label class="layui-form-label">备注</label>
                        <div class="layui-input-inline" style="width: 380px;">
                            <input id="notes" name="notes" placeholder="请输入备注" type="text" class="layui-input" lay-verify=""/>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn layui-bg-orange" lay-filter="btnSubmit" lay-submit id="btnSubmit">&emsp;创建订单&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;</button>
                        <button class="layui-btn layui-btn-primary layui-bg-blue" type="button" id="btnFinish"><i class="layui-icon layui-icon-print">&emsp;</i>审批&emsp;</button>
                    </div>
                </div>

            </form>
            <!---->
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
                <legend>录入出库单详情</legend>
            </fieldset>
            <table class="layui-table" id="hxStorageOutDetailedTable" lay-filter="hxStorageOutDetailedTable"></table>
        </div>
    </div>
</div>

<script type="text/html" id="toolbarfromDetailed">
    <div class="layui-inline">
        <input id="condition2" class="layui-input" type="text" placeholder="关键词"/>
    </div>
    <div class="layui-inline">
        <button id="btnSearchDetailed" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
        <button id="btnAddDetailed" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>新增</button>
    </div>
</script>

<script type="text/html" id="tableBarDetailed">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="deleteDetailed" id="deleteDetailed">删除</a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="choiceOutPositionNumber" id="choiceOutPositionNumber">选择库位</a>
</script>

@}